<template>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-6 p-3">
                <div class="card">
                    <div class="card-title">TEAM1</div>
                    {{ score1 }}
                </div>
            </div>
            <div class="col-md-6 p-3">
                <div class="card">
                    <div class="card-title">TEAM2</div>
                    {{ score2 }}
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            score1: 0,
            score2: 0,
        }
    },
    mounted() {
        window.Echo.channel('score').listen('ScoreChangedEvent', () => {
            console.log(">>><<<");
        })
    }
}
</script>
